<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib uri = "http://java.sun.com/jsp/jstl/functions" prefix="fn" %>

<!DOCTYPE html>
<html lang="zh">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta name="viewport"
			content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
		<!--[if gt IE 8]>
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />        
    <![endif]-->

		<title>报名系统</title>
		<%@include file="res.jsp"%>

	</head>

	<body>

		<jsp:include page="header.jsp"></jsp:include>
		<jsp:include page="menu.jsp"></jsp:include>

		<jsp:include page="com_bbs.jsp"></jsp:include>

		<div class="content">

			<div class="row-fluid">

				<div class="span4">
 
					<div class="widget">
						<form action="page/member_update.action" method="post"
							id="validate" enctype="multipart/form-data">
							<div class="widget">
								<div class="head dark">
									<div class="icon">
										<i class="icos-pencil3"></i>
									</div>
									<h2>
										用户信息编辑
									</h2>
								</div>
								<div class="block-fluid">

									<input type="hidden" name="id" value="${global_member.id }">
									<div class="row-form">
										<div class="span2">
											头像
										</div>
										<div class="span8">
											<c:choose> 
												<c:when test="${fn:contains(header['User-Agent'],'Chrome') || fn:contains(header['User-Agent'],'Firefox')}">
													 <div class="input-append file"> 
														  <input class="validate[required]" type="file"name="pic" >
				                                   	 	  <input class="validate[required]" placeholder="IE 的需要先选一张图片,再选另一张不同的图片才可以"  type="text" > 
													  </div>
												</c:when>
												<c:otherwise> 
												 		<input class="validate[required]" type="file"name="pic" >
												</c:otherwise>
											</c:choose>
										</div>
									</div>
									<div class="row-form">
										<div class="span2">
											姓名:
										</div>
										<div class="span8">
											<input type="text" name="name"
												class="validate[required],min[6],max[10]"
												value="${global_member.name }">
										</div>
									</div>
									<div class="row-form">
										<div class="span2">
											电话:
										</div>
										<div class="span8">
											<input type="text" name="phone"
												class="validate[required],min[6]"
												value="${global_member.phone }">
										</div>
									</div>
									<div class="row-form">
										<div class="span2">
											QQ:
										</div>
										<div class="span8">
											<input type="text" name="qq"
												class="validate[required],min[3]"
												value="${global_member.qq }">
										</div>
									</div>
									<div class="row-form">
										<div class="span2">
											地址:
										</div>
										<div class="span8">
											<input type="text" name="address"
												class="validate[required],min[2]"
												value="${global_member.address }">
										</div>
									</div>
									<div class="row-form">
										<div class="span2">
											生年:
										</div>
										<div class="span8">
											<input type="text" id="datepicker" name="birthday"
												value="${global_member.birthday }"
												class="validate[custom[date]]">
										</div>
									</div>
									<div class="toolbar bottom TAR">
										<div class="btn-group">
											<button onclick="$('#validate').validationEngine('hide');"
												type="button" class="btn btn-info">
												隐藏
											</button>
											<button type="submit" class="btn btn-primary">
												提交
											</button>
										</div>
									</div>
								</div>

							</div>
						</form>
					</div>
				</div>
				<div class="span6">

					<div class="timeline">

						<div class="event">
							<div class="icon">
								<span class="icos-comments3"></span>
							</div>

							<div class="widget">
								<div class="profile clearfix">

									<div class="span8">
										<div class="info">
											<h2>
												${member.name }
											</h2>
											<p>
												<strong>电话:</strong> &nbsp;&nbsp; ${member.phone }
											</p>
											<p>
												<strong>qq:</strong> &nbsp;&nbsp; ${member.qq }
											</p>
											<p>
												<strong>邮箱:</strong> &nbsp;&nbsp; ${member.email }
											</p>
											<div class="status">
												Good
											</div>
										</div>
									</div>
									<div class="span4" style="padding-right: 20px;">
										<div class="image">
											<c:choose>
												<c:when test="${!empty global_member.picPath }">
													<img class="img-polaroid" src="${global_member.picPath }"
														style="width: 100px;">
												</c:when>
												<c:otherwise>
													<img class="img-polaroid" src="img/users/default.jpg"
														style="width: 100px;">
												</c:otherwise>
											</c:choose>
										</div>
									</div>
								</div>
							</div>

						</div>

						<div class="event">
							<div class="icon">
								<span class="icos-comments3"></span>
							</div>
							<div class="body">
								<div class="arrow"></div>
								<div class="head">
									最近登陆时间为：${member.lastLoginTime }
								</div>

							</div>
						</div>
 
						<div class="event">
							<div class="icon">
								<span class="icos-arrow-down4"></span>
							</div>
							<div class="body">
								<div class="arrow"></div>
								<div class="head">
									<a href="#">${member.registTime }&nbsp;站点出生</a>
								</div>
							</div>
						</div>

					</div>

				</div>

			</div>

		</div>

	</body>

</html> 

